body{
    width:640px;
    height:1008px;
    overflow:hidden;
	margin:0 auto;
    position:relative;
}
.main_container{
/*    width:640px;*/
    height:1008px;
    
    margin:0 auto;
}
.index_bg{    
    background:url("../images/index_bg.jpg");
}
.logo{
    margin-left:20px;
}
.send_bag{
    margin-top:680px;
    margin-left:110px;
}
.bag_num{
    display:inline-block;
    margin-top:15px;
    margin-left:-55px;
    position:absolute;
    z-index:1;
    
}
.bag_num span{
    background:white;
    display:inline-block;
    min-width:52px;
    min-height:52px;
    border:3px solid #c51f00;
    border-radius:52px;
    font-size:37px;
    color:#e0302f;
    text-align:center;
    line-height:52px;
    padding:0px 4px;
}
.concern_rule{
    margin-top:24px;
    margin-left:50px;
}

/*录音界面css样式*/
.tape_bg{
    background:url("../images/tape_bg.jpg");
}
.tape_zf{
    margin-top:52px;
    text-align:center;
}
.tape_button{
    text-align:center;
    cursor:pointer;
}
.tape_select{
    text-align:center;
}
.tape_select a{
    margin:0px 2px;
}

/*效果预览效果*/
.preview_content{
    margin-top:88px;
    position:relative;
    z-index:2;
}
.preview_content p{
    color:white;
    font-size:28px;
    text-align:center;
    line-height:45px;
    font-weight:bold;
}
.preview_content p img{
    vertical-align:middle;
}
.preview_content p span{
    color:#e8d941;
}
p.zz_gift{
    font-size:30px;
    line-height:70px;
}
p.zz_gift span{
    font-size:36px;
}
.preview_send_zz{
    text-align:center;
}

/*抽奖界面样式*/
.luck_bg{
    background:url("../images/luck_bg.jpg");
}
p.zz_luck{
    line-height:50px;
    font-size:36px;
}
.luck_con{
    position:relative;
    z-index:1;
    margin-top:-20px;
}
.winning_record{
    text-align:center;
    margin-top:30px;
}
.winning_record a{
    font-size:30px;
    text-decoration:underline;
    color:#f3e025;
}



/*弹出框样式*/
.pop{
    position:absolute;
    z-index:10;
    width:640px;
    height:1008px;
    top:0;
    left:50%;
    margin-left:-320px;
    background:rgba(0,0,0,0.8);
}
.pop_box{
    width:537px;
    margin-left:10%;
    margin-top:25%;
    position:relative;    
    z-index:10;
    text-align:center;
}
.game_guide{
    margin-top:250px;
}
.game_guide_close{
    float:right;
    margin-top:10px;
    margin-right:5px;
}
.pop_box_top{
    background:url("../images/pop_box_top.png") no-repeat;
    width:537px;
    height:64px;
    border:none;
    outline:none;
}
.pop_box_middle{
    background:url("../images/pop_box_middle.png") repeat-y;
    width:537px;
}
.pop_box_bottom{
    background:url("../images/pop_box_bottom.png") no-repeat;
    width:537px;
    height:18px;
    border:none;
    outline:none;
}
.not_win_con{
    padding-bottom:60px;
    padding-top:30px;
}
.not_win_con p{
    font-size:24px;
    color:#50302f;    
    line-height:40px;
}
.not_win_con p span{
    font-size:26px;
    color:#df302f;
}


.lucky_draw_con{
    padding-bottom:15px;
    padding-top:15px;
}
.lucky_draw_con p{
    font-size:22px;
    color:#50302f;    
}
.lucky_draw_con p img{
    vertical-align:middle;
    padding:0px 5px;
}
.lucky_draw_con p a{
    color:#df302f;
    text-decoration:underline;
}
.attention_con{
    padding-bottom:40px;
    text-align:left;
}
.attention_con p{
    text-align:left;
    font-size:20px;
    color:#50302f;
    padding-top:40px;    
    padding-left:30px;
    padding-right:50px;
}
.attention_con p img{
    vertical-align:middle;
    margin:0 5px;
}
.attention_con p a{
    color:#df302f;
    text-decoration:underline;
}

.rule_bg{
    background:url("../images/rule_bg.jpg");
}
.rule_content{
    text-align:center;
}
.rule_title{
    margin-top:10px;
}
.rule_detail{
    padding:20px 52px 0px 52px;
}
.rule_detail p{
    text-align:left;
    font-size:24px;
    color:#fff1cf;
    margin-top:20px;
    margin-bottom:20px;
}
.rule_detail p img{
    vertical-align:middle;
}
.rule_detail p span{
    color:#f4e126;
    font-weight:bold;
}
.rule_detail p a{
    text-decoration:underline;
    color:#fff58e;
}
.cs_way p{
    margin-top:10px;
    margin-bottom:10px;
}


.not_open{
    padding-top:20px;
    padding-bottom:20px;
}
.not_open p{
    font-size:26px;
    color:#50302f;
}

.not_record{
    padding-top:20px;
    padding-bottom:20px;
}
.not_record p{
    font-size:26px;
    color:#50302f;
}
.not_record p span{
    font-size:30px;
    color:#d62a29;
}

.win_bg{
    background:url("../images/win.jpg");
}
.user_form_content{
    width:525px;
    height:250px;
    background:url("../images/form_bg.jpg");
    border-radius:8px;
    margin:0 auto;
    color:#9d806b;
    font-size:24px;
}
.user_form label{
    display:inline-block;
    line-height:83px;
    width:150px;
    text-align:right;
}
.user_form input{
    border:none;
    background:none;
}
input.user_form_submit{
    display:block;
    background:url("../images/submit.jpg");
    width:440px;
    height:74px;
    margin:0 auto;
/*    padding-top:45px;*/
    text-align:center;
}
.tips{
    color:#f4f0c1;
    font-size:16px;
    width:525px;
    margin:0 auto;
    padding-top:25px;
    padding-bottom:35px;
}

.game_bg{
    background:url("../images/game_bg.jpg");
}
.big_img{
    background:url("../images/game2.jpg");
    width:583px;
    height:343px;
    margin:0 auto;
}
.game_list{
    background:url("../images/game_list.jpg");
    width:585px;
    height:285px;
    margin:0 auto;
}
.game_list_top>div{
    width:145px;
    height:140px;
    position:absolute;
}
.game_list_bottom>div{
    width:145px;
    height:140px;
    margin-top:140px;
    position:absolute;
}
.game_list_name{
    position:absolute;
    margin-top:-25px;
}
.next_step{
    width:271px;
    height:64px;
    margin:0 auto;
}
.big_img_name{ 
    position:absolute;
    margin-top:50px;
    margin-left:80px;
}
#big1{
    position:absolute;
    margin-left:100px;
}
#big2{
    position:absolute;
    margin-left:350px;
    margin-top:80px;
}
.last_big_img{
    position:absolute;
    margin-left:180px;
    margin-top:18px;
    width:264px;
    height:278px;
}
.game_view{
    width:610px;
    margin:0 auto;
}
.game_view a{
    padding:0px 15px;
}

/*首页动画*/

#yun1{
    position:absolute;    
    margin-left:-161px;
    margin-top:-67px;
}
#yun2{
    position:absolute;
    margin-left:-156px;
    margin-top:125px;
}
/*
@-webkit-keyframes long{

0%{-webkit-transform:scale(0.1) rotate(0deg);}
5%{-webkit-transform:scale(0.2) rotate(0deg);}
10%{-webkit-transform:scale(0.3) rotate(0deg);}
15%{-webkit-transform:scale(0.4) rotate(30deg);}
20%{-webkit-transform:scale(0.5) rotate(60deg);}
25%{-webkit-transform:scale(0.6) rotate(90deg);}
30%{-webkit-transform:scale(0.7) rotate(120deg);}
35%{-webkit-transform:scale(0.8) rotate(150deg);}
40%{-webkit-transform:scale(1) rotate(180deg);}
45%{-webkit-transform:scale(1.2) rotate(210deg);}
50%{-webkit-transform:scale(1.4) rotate(240deg);}
55%{-webkit-transform:scale(1.6) rotate(270deg);}
60%{-webkit-transform:scale(1.8) rotate(300deg);}
65%{-webkit-transform:scale(2) rotate(330deg);}
70%{-webkit-transform:scale(1.9) rotate(360deg);}
75%{-webkit-transform:scale(1.8) rotate(360deg);}
80%{-webkit-transform:scale(1.7) rotate(360deg);}
85%{-webkit-transform:scale(1.6) rotate(360deg);}
90%{-webkit-transform:scale(1.5) rotate(360deg);}
95%{-webkit-transform:scale(1.4) rotate(360deg);}
96%{-webkit-transform:scale(1.3) rotate(360deg);}
97%{-webkit-transform:scale(1.2) rotate(360deg);}
98%{-webkit-transform:scale(1.1) rotate(360deg);}
100%{-webkit-transform:scale(1) rotate(360deg);}
}
*/
#long{
    position:absolute;
    margin-left:153px;
    margin-top:-180px;
}
#send_zl{
    position:absolute;
    margin-left:285px;
    margin-top:-180px;
}
#send_youme{
    position:absolute;
    margin-top:330px;
/*    margin-left:80px;*/
    margin-left:280px;
    display:none;
    height:0px;
    width:0px;
}
#longzhou{
    position:absolute;
    margin-top:322px;
    margin-left:640px;
    z-index:2;
}
#water{
    position:absolute;
    margin-top:583px;
    margin-left:-80px;
    z-index:1;
}